<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="jQuery/jquery-ui.min.css"/>
</head>
<body>
    <div id="accordion">
        <p>文字1</p>
        <div>
            <p>hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
            </p>
        </div>
        <p>文字1</p>
        <div>
            <p>hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
            </p>
        </div>
        <p>文字1</p>
        <div>
            <p>hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
                hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello
            </p>
        </div>
    </div>
</body>
<script src="jQuery/jquery.js"></script>
<script src="jQuery/jquery-ui.min.js"></script>
<script>
    $(document).ready(function (){
        $("#accordion").accordion();    //手风琴的效果
    });
</script>
</html>